<div>
    <div class="panel panel-primary ">
        <div class="panel-heading p0 ">
            <!-- 面包屑导航 -->
            <ol class="breadcrumb m0 nav-style">
                <li><a href="/#"><span class="glyphicon glyphicon-folder-open" aria-hidden="true"></span> &nbsp;职务管理</a></li>
                <li class="active">添加职务</li>
            </ol>
        </div>
        <div class=" panel-body">
            <form class="form-horizontal col-xs-offset-2">

                <div class="form-group row">
                    <label class="col-xs-2 control-label">职务名称</label>
                    <div class="col-xs-5">
                        <input type="text" class="form-control positionName"  placeholder="请输入职务名称">
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-xs-2 control-label">备注</label>
                    <div class="col-xs-5">
                        <textarea style="resize:none;" class="form-control remark" rows="3"></textarea>
                    </div>
                </div>
                <div class="form-group " >
                    <button class="btn col-xs-offset-4 btn-primary" ng-click="createModel()">创建</button>
                </div>
            </form>

        </div>
    </div>

    <!-- 提交模态框 -->
    <div class="modal fade " id="createRole">
        <div class="modal-dialog" style="width: 300px;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">提示</h4>
                </div>
                <div class="modal-body">
                    <p>确定创建职务?&hellip;</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" ng-click="addPosition()">确认</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal-->

    <!-- 失败模态框 -->
    <div class="modal fade " id="badmodal">
        <div class="modal-dialog" style="width: 300px;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">失败</h4>
                </div>
                <div class="modal-body">
                    <span id="idNumber" ></span>
                    <p>操作失败</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">确认</button>

                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!--modal-->

    <!-- 成功模态框 -->
    <div class="modal fade " id="sucessModel">
        <div class="modal-dialog" style="width: 300px;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">成功</h4>
                </div>
                <div class="modal-body">
                    <p>创建成功！</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">确定</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal-->
</div>